<template>
	<view class="body">
		<view class="line"></view>
		<block v-for="(item,index) in list" :key="index">	
			<home-list-item :item="item" :index="index"></home-list-item>
		</block>
		<button  type="primary" class="exit" hover-class="exit-hover">退出登录</button>
	</view>
</template>

<script>
	import homeListItem from '../../components/home/home-list-item.vue'
	export default {
		components:{
			homeListItem
		},
		data() {
			return {
				list :[
					{icon:"" , name:'账号与安全',color:'',clicktype:"navigateTo",url:"../user-set-repassword/user-set-repassword"} ,//FFCDB7
					{icon:'',name:'绑定邮箱', color:"",clicktype:"navigateTo",url:"../user-set-email/user-set-email"},
					{icon:"" , name:'资料编辑',color:'',clicktype:"navigateTo",url:"../user-set-userinfo/user-set-userinfo"},
					{icon:"" , name:'小纸条',color:'',clicktype:"",url:""},
					{icon:"" , name:'清除缓存',color:'',clicktype:"clear",url:""},
					{icon:"" , name:'意见反馈',color:'',clicktype:"navigateTo",url:"../user-set-help/user-set-help"},
					{icon:"" , name:'关于仿糗百',color:'',clicktype:"navigateTo",url:"../user-set-about/user-set-about"}
				]
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	.body{
		padding: 0 20upx;
		
	}
	.line {
		border-top: 1upx solid #F9F9F9;
	}
	.exit {
		margin:20upx 0;
		background: #FFE933!important;
		border:0!important;
		color:#333!important;
		
	}
	.exit-hover {
		background: #DECE4B!important;
	}
</style>
